<!-- <template>
  <div style="background-color: #fff; padding-bottom: 1rem">
    <el-table
    :header-cell-style="headerCellStyle"
        :cell-style="tableCellStyle"
        style="width: 100%; border-radius: 10px; margin-bottom: 16px;"
      v-for="(pitem, pindex) in tableData"
      :data="tableData"
      border
    >
      <el-table-column
        v-for="(item, index) in tableTitles"
        :prop="index"
        :label="item"
        align="center"
      >

      </el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  name: 'Index',
  props: {
    dataSource: { type: Function, default: () => {} },
    headerCellStyle: { type: Object, default: function() {
      return { background: '#FAFBFD', color: '#6D6D6D', textAlign: 'center', }
    } },
  },
  data() {
    return {
      tableTitles: {
        AddClientNum:'添加客户数',
CompanyInfoNum:'查看企业详情次数',
CompanyUnlockNum:'解锁企业次数',
LoginNum:'登录次数',
LoginUserNum:'登录用户数',
SearchCompanyNum:'搜索企业次数',
UsageRate:'使用率',
UserCompanyNum:'用户所属公司',
UserNum:'用户个数',
      },
      tableData: []
    }
  },
  created() {
    this.getDataList()
  },
  methods: {
    getDataList() {
      this.dataSource()().then(res => {
        if (res.code === 200) {
          this.tableData = [res.data]
        }
      })
    },
  }
}
</script>

<style scoped>

</style> -->
